<template>
<div class="menu">
    <el-menu :unique-opened='true' :router='true' default-active="2" class="el-menu-vertical-demo"  background-color="#545c64" text-color="#fff" active-text-color="#ffd04b">
        <el-menu-item index="/page/main"><h1>首页</h1></el-menu-item>
        <el-submenu index="1">
            <template slot="title">
                <i class="el-icon-location"></i>
                <span>设备管理</span>
            </template>
            <el-menu-item-group>
                <el-menu-item index="/page/device_info">设备状况</el-menu-item>
                <el-menu-item index="/page/add_device">添加设备</el-menu-item>
            </el-menu-item-group>
        </el-submenu>

        <el-submenu index="2">
            <template slot="title">
                <i class="el-icon-location"></i>
                <span>用户管理</span>
            </template>
            <el-menu-item-group>
                <el-menu-item index="/page/userinfo">用户状况</el-menu-item>
                <el-menu-item index="/page/adduser">添加用户</el-menu-item>
            </el-menu-item-group>
        </el-submenu>

        <el-submenu index="3">
            <template slot="title">
                <i class="el-icon-location"></i>
                <span>系统管理</span>
            </template>
            <el-menu-item-group>
                <el-menu-item index="/page/systeminfo">系统参数</el-menu-item>
                <el-menu-item index="/page/systemrun">运行管理</el-menu-item>
                <el-menu-item index="/page/systemupdate">升级管理</el-menu-item>
            </el-menu-item-group>
        </el-submenu>

        <el-submenu index="4">
            <template slot="title">
                <i class="el-icon-location"></i>
                <span>报警管理</span>
            </template>
            <el-menu-item-group>
                <el-menu-item index="/page/errorinfo">报警信息</el-menu-item>
                <el-menu-item index="/page/errorsetting">报警设置</el-menu-item>
            </el-menu-item-group>
        </el-submenu>

        <el-submenu index="5">
            <template slot="title">
                <i class="el-icon-location"></i>
                <span>实时监控</span>
            </template>
            <el-menu-item-group>
                <el-menu-item index="/page/getinfo">采集信息</el-menu-item>
                <el-menu-item index="/page/analyzeinfo">分析数据</el-menu-item>
            </el-menu-item-group>
        </el-submenu>

        <el-submenu index="6">
            <template slot="title">
                <i class="el-icon-location"></i>
                <span>智能管理</span>
            </template>
            <el-menu-item-group>
                <el-menu-item index="/page/aiman">智能库管理</el-menu-item>
                <el-menu-item index="/page/taskman">任务管理</el-menu-item>
            </el-menu-item-group>
        </el-submenu>

    </el-menu>
</div>
</template>

<script>
export default {
    methods: {
        
    }
}
</script>

<style scoped>
.menu {
    display: block;
    height: 610px;
    background-color: #545c64;
}
h1{
    text-align: center;
}
</style>
